<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- jquery库 -->
		  <script type="text/javascript" src="../common/meta.js"></script>
		<script src="updateAddress.js"></script>
		<script type="text/javascript" src="./cache.js"></script> 
		<style type="text/css">
			.ui-body-c, .ui-overlay-c {
		    	background: none;
		    	color: #333;
				}	
				   .panel{
    		margin:10px;
    		border:1px solid;
    		border-color: gray;
    		padding: 2px;
    		border-radius:8px;
    	} 
         ul, ol {
			margin: 0 0 0px 0px;
			padding: 0;
		}
         .back{
		 	margin-top:5px;
             float:left;
		 }
		</style>
</head>
<body>
<div id="addAnnuity" data-role="page" class="bodyframe">
		<header data-role="header" class="theme-info">
		<ul class="back">
	   		<a   href="#" data-rel="back"><image src='../image/left_48.png'></image></a>
	   	</ul>
			<h1>
				修改收货地址
			</h1>
			<button id="updateButton" class="btn ui-btn-right"  >修改</button>
		</header>
     
		<div data-role="content"  >
		  <section>
		  <div class="panel">
			<form id="addressForm" data-role="form" validateform="true" method="post" class="form-table">
			<input type="text" id="addressId" name="addressId" style="display: none"></input>
				<table class="table table-bordered table-phone" >
				<tr>
		        <td><input type="text" id="deliveryPersonNm" name="deliveryPersonNm" placeholder="姓名" value="" class="{required:true}" title="姓名是必填字段"/>
			       
		        </td>
				</tr>
				<tr>
				<td><input type="number" placeholder="电话"    id="deliveryMobile" name="deliveryMobile" class="{required:true}" class="{number:true}" maxlength="11" /></td>
				</tr>
				
				
				
				<tr>
					<td id="ad">送货地址：</td>
					<td class="doubleSel" colspan="5">
						 <div class="cascade-select">
								<select id="city" name="city" data-role="select" cascade-select="area" level="1" >
								</select>
								<select id="area" name="area" data-role="select" cascade-select="street" level="2" >
								</select>
								<select id="street" name="street" data-role="select" level="3">
								</select>
						       <input type="text" placeholder="详细地址"   name="detail" id="detail"    />
			       			</div>
			       </td>
				</tr>
				
				</table>
				</form>
				</div>
				</section>
		</div>
</div>
</body>
</html>